<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:http="http://www.w3.org/1999/xhtml" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<div th:fragment="hidden_box">

    <!--   新增 编辑 page-->
    <div  id="add_and_update_box"   class="hidden"  style="background:black; padding: 8px; position:fixed; top: 0; width: 100%; height: 100%; overflow-y: auto;  " >
        <button onclick="JavaScript:document.getElementById('add_and_update_box').classList.toggle('hidden');"  style="position: fixed; top:20px;right:20px;color:red;background:black; padding:3px;  font-size: 30px;">close</button>
        <div>
            <h1  style="color: #0dcf15; text-align: center;"  id="file_typeee"></h1>
        </div>
        <div style="margin-top: 25px; ">
            <p style="color: #6e6a6a; font-size: 26px;">Title: </p>
            <input type="text" id="titleee"  style="border: 2px solid lightgray; width: 100%; padding: 8px; font-size: 28px; font-weight: bolder; background:transparent; color: #fffbb1;  "/>
        </div>
        <div style="margin-top: 25px; ">
            <p style="color: #6e6a6a;  font-size: 26px;">Content (div 模拟的输入框: contenteditable="plaintext-only" 目前仅支持 Chrome 浏览器) </p>
            <div id="content_box" contenteditable="plaintext-only" spellcheck="false"   style="border:1px solid lightgray;  padding: 12px;  font-size: 24px;  color: #fffbb1;  font-family: Consolas;  "></div>
        </div>

        <br> <br><br><br><br><br>

        <div class="clearfix">
            <span id="status" style="font-size: larger;  float: left;    "></span>
            <button style="padding: 20px;  font-size: 21px;" onclick="Add_and_Update_file()" >ADD or UPDATE</button>

            <br> <br><br><br><br><br>

            <style>
                /* 当复选框被选中时，显示相邻的按钮 */
                input[type="checkbox"]:checked+.hidden {
                    display: inline-block; /* 或者使用 block，根据你需要的样式 */
                }
            </style>
            <h2 style="color: #fffcdb; ">点击下面这个 checkbox 按钮, 显示删除按钮 :</h2> <br>
            <input type="checkbox"/>
            <button onclick="delete_file()" class="hidden" style=" font-size: 16px;  padding: 10px; background:red; color: whitesmoke;  border: none; float: right;      "    > Delete </button>
        </div>
        <br> <br><br><br><br>
    </div>
</div>

<script>


    //  删除  resources\static\js\delete.js


</script>
</html>

